body {
	margin: 0; 
	background: radial-gradient(
	circle farthest-corner at center center,
	#05224d,
	#010309
  ) no-repeat;
}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.content-bg {
	width: 10rem; 
	height: 5.63rem; 
	background: url('../img/bg.png') no-repeat; 
	background-size: 10rem 5.63rem; 
	position: relative;
}

/* 头部标题 */
.page-title {
	background: radial-gradient(
		circle farthest-corner at center center,
		#01e9fe,
		#0079e6
	  ) no-repeat;	  
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: .26rem;
  display: inline-block;
  margin: 0 3rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  line-height: .53rem;
}
.c-title {
	color: #0febff;
	font-size: .12rem;
	line-height: .15rem;
	position: absolute;
	top: .27rem;
}
.c-title>img {
	display: inline-block;
	width: .1rem;
	height: .13rem;    
	float: right;
    margin: 0.01rem 0 0 0.1rem;
}
.c-left {
	left: .45rem;
}
.c-rigth {
	right: .45rem;
}
.c-rigth>img {
	width: .13rem;
    margin: 0.01rem 0 0 0.1rem;
}

.middle-content {
	padding: 0 .16rem;
	width: 9.68rem;
	margin-top: .1rem;
}
.data-box {
	width: 2.77rem; 
	height: 2.56rem; 
	background: url('../img/left_top_bg.png') no-repeat; 
	background-size: 2.77rem 2.56rem; 
}
.data-box>.box-title {
	font-size: .11rem;
	font-weight: 400;
	color: #00DBFF;
	line-height: .2rem;
	padding-left: .3rem;
}

/* 基础数据 */
.jichu {
	color: #FFFFFF;
}
.jichu .jc-peopel-num {
	font-size: .09rem;
	font-weight: 400;
	line-height: .4rem;
	text-align: center;
}
.jichu .jc-pie-data {
	width: 2.37rem;
	padding: 0 .2rem;
}
.jichu .jc-pie-data .item-data {
	width: 1rem;
	/* height: .42rem; */
	display: inline-block;
}
.jichu .jc-pie-data .item-data .item-pie {
	width: .42rem;
	height: .42rem;
	display: inline-block;
}
.jichu .jc-pie-data .item-data .item-pie-info {
	padding: .08rem 0 0 .06rem;
}
.jichu .jc-pie-data .item-data .item-info-item {
	font-size: .08rem;
	font-weight: 400;
	line-height: .16rem;
	text-indent: .16rem;
	position: relative;
}
.jichu .jc-pie-data .item-data .item-info-item:before {
	display: inline-block;
	width: .08rem;
	height: .08rem;
	background-color: #0FA7F2;
	border-radius: .04rem;
	content: ' ';
	position: absolute;
	top: .03rem;
	left: 0;
}
.jichu .jc-pie-data .item-data .item-info-item:nth-child(2):before {
	background-color: #FF8D8B;
}
.jichu .jc-pie-data .item-data .pie-name {
	font-size: .09rem;
	font-weight: 400;
	clear: both;
	width: 0.42rem;
	text-align: center;
}
.jichu .education {
	width: 1.3rem!important;
}
.jichu .education .item-info-item {
	float: left;
}
.jichu .education .item-info-item {
	width: .4rem;
	text-indent: .12rem!important;
}
.jichu .education .item-info-item:nth-child(1):before {
	background-color: #00CCFF!important;
}
.jichu .education .item-info-item:nth-child(2):before {
	background-color: #FE904E!important;
}
.jichu .education .item-info-item:nth-child(3):before {
	background-color: #7BFF78!important;
}
.jichu .education .item-info-item:nth-child(4):before {
	background-color: #FFE38F!important;
}
.jichu .education .item-pie-info {
	width: .82rem;
}
.jichu .age {
	width: 2.37rem!important;
	height: 1.2rem!important;
}
.jichu .age .item-pie {
	width: 2.37rem!important;
	height: 1.2rem!important;
}

/* 产业兴旺 */
.chanye {
	color: #FFFFFF;
}
.chanye .cy-congye {
	width: 2.37rem;
	padding: 0 .2rem;
	margin: .1rem 0 .04rem;
}
.chanye .cy-congye .title {
	font-size: .09rem;
	font-weight: 400;
	display: inline-block;
	margin-right: .14rem;
}
.chanye .cy-congye .tap-item {
	width: .3rem;
}
.chanye .cy-congye .tap-item div {
	font-size: .08rem;
	font-weight: 500;
	color: #7CB1FF;
	line-height: .13rem;
	margin-bottom: .08rem;
	float: left;
	min-width: .16rem;
	padding: 0 .04rem;
}
.chanye .cy-congye .tap-item .act {
	background-color:rgba(91,230,255,0.3);
	border: 1px solid #1d2d45;
}
.chanye .cy-congye .radar-data {
	width: 1.5rem;
	height: 1.1rem;
}
.chanye .cy-nongye {
	width: 1.55rem;
	padding-left: .2rem;
}
.chanye .cy-nongye .title {
	font-size: .09rem;
	font-weight: 400;
	margin-bottom: .02rem;
}
.chanye .cy-nongye .nongye-data {
	width: .75rem;
	height: .75rem;
}
.chanye .cy-nongye .tap-item {
	width: .78rem;
}
.chanye .cy-nongye .tap-item div {
	font-size: .07rem;
	font-weight: 400;
	color: #3F81D3;
	position: relative;
	text-indent: .1rem;
	line-height: .14rem;
}
.chanye .cy-nongye .tap-item div:before {
	display: inline-block;
	width: .05rem;
	height: .05rem;
	content: ' ';
	position: absolute;
	top: .04rem;
	left: 0;
}
.chanye .cy-nongye .tap-item div:nth-child(1):before {
	background-color: #00BEF6!important;
}
.chanye .cy-nongye .tap-item div:nth-child(2):before {
	background-color: #056DE9!important;
}
.chanye .cy-nongye .tap-item div:nth-child(3):before {
	background-color: #5FC993!important;
}
.chanye .cy-nongye .tap-item div:nth-child(4):before {
	background-color: #F6F68B!important;
}
.chanye .cy-nongye .tap-item div:nth-child(5):before {
	background-color: #FFCD5E!important;
}
.chanye .cy-nongye .tap-item div:nth-child(6):before {
	background-color: #B74AEC!important;
}

.chanye .cy-renjun {
	width: 1rem;
}
.chanye .cy-renjun .title {
	font-size: .09rem;
	font-weight: 400;
	margin-bottom: .02rem;
}
.chanye .renjun-data {
	width: .5rem;
	height: .5rem;
}
.chanye .cy-renjun .tap-item {

}
.chanye .cy-renjun .tap-item div {
	font-size: .07rem;
	font-weight: 400;
	color: #3F81D3;
	position: relative;
	text-indent: .1rem;
	line-height: .1rem;
}
.chanye .cy-renjun .tap-item div:before {
	display: inline-block;
	width: .05rem;
	height: .05rem;
	content: ' ';
	position: absolute;
	top: .04rem;
	left: 0;
}
.chanye .cy-renjun .tap-item div:nth-child(1):before {
	background-color: #FFE18F!important;
}
.chanye .cy-renjun .tap-item div:nth-child(2):before {
	background-color: #00FF9C!important;
}
.chanye .cy-renjun .tap-item div:nth-child(3):before {
	background-color: #34ECFF!important;
}

/* 中间地图部分 */
.map-box {
	width: 4rem;
	height: 2.56rem;
	margin-left: .08rem;
	position: relative;
}
.map-box img {
	display: inline-block;
	position: absolute;
}
.map-box img:nth-child(1) {
	top: 0.94rem;
    right: 0.68rem;
    width: 1.02rem;
    height: 0.53rem;
    z-index: 9;
}
.map-box img:nth-child(2) {
	top: .1rem;
	left: 0rem;
	width: 2.46rem;
	height: 1.86rem;
}
.map-box img:nth-child(3) {
	top: .1rem;
	right: 0rem;
	width: 1.91rem;
	height: 2.13rem;
}

/* 底部内容 */
.bottom-content {
	margin-top: .1rem;
}

/* 生活富裕 */
.bottom-content .data-box {
	width: 2.77rem; 
	height: 2.2rem; 
	background: url('../img/bottom_bg.png') no-repeat; 
	background-size: 2.77rem 2.36rem; 
}
.bottom-content .tudi {
	width: 2.37rem; 
	padding: 0 .2rem;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}
.bottom-content .tudi .tudi-item {
	width: .5rem;
	height: .6rem;
}
.bottom-content .tudi .tudi-item-data {
	width: .5rem;
	height: .5rem;
}
.bottom-content .tudi .tudi-item .data-title {
	text-align: center;
	font-size: .08rem;
	font-weight: 400;
	color: #FFFFFF;
}
.bottom-content .tudi-info {
	margin-top: .1rem;
	width: 2.37rem; 
	padding: 0 .2rem;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}
.bottom-content .tudi-info .tudi-info-item {
	width: 1.06rem;
	font-size: .07rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .14rem;
	position: relative;
	text-indent: .14rem;
}
.bottom-content .tudi-info .tudi-info-item div {
	float: right;
}
.bottom-content .tudi-info .tudi-info-item:before {
	display: inline-block;
	width: .06rem;
	height: .06rem;
	content: ' ';
	position: absolute;
	top: .04rem;
	left: 0;
	border-radius: .03rem;
}
.bottom-content .tudi-info .tudi-info-item:nth-child(1):before {
	background-color: #DA0051!important;
}
.bottom-content .tudi-info .tudi-info-item:nth-child(2):before {
	background-color: #FFB508!important;
}
.bottom-content .tudi-info .tudi-info-item:nth-child(3):before {
	background-color: #01BD8D!important;
}
.bottom-content .tudi-info .tudi-info-item:nth-child(4):before {
	background-color: #9877FF!important;
}
.bottom-content .jiaoyu {
	width: 1.05rem;
	height: .8rem;
	margin-left: .1rem;
}
.bottom-content .jiaoyu .jiaoyu-data {
	width: 1.05rem;
	height: .7rem;
}
.bottom-content .jiaoyu .data-title {
	font-size: .09rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .1rem;
	text-align: center;
}
.bottom-content .chuxing {
	width: 1.5rem;
	height: .8rem;
}
.bottom-content .chuxing .data-radar {
	width: .81rem;
	height: .8rem;
}
.bottom-content .chuxing .data-radar .chuxing-data {
	width: .81rem;
	height: .7rem;
	background: url('../img/chuxing_dizuo.png') no-repeat; 
	background-size: .81rem .34rem; 
	background-position: bottom;
}
.bottom-content .chuxing .data-radar .data-title {
	font-size: .09rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .1rem;
	text-align: center;
}
.bottom-content .chuxing .radar-info {
	margin: .1rem .2rem 0 0;
}
.bottom-content .chuxing .radar-info div {
	font-size: .07rem;
	font-weight: 400;
	color: #FFFFFF;
	text-indent: .1rem;
	line-height: .11rem;
	position: relative;
}
.bottom-content .chuxing .radar-info div:before {
	display: inline-block;
	width: .06rem;
	height: .06rem;
	content: ' ';
	position: absolute;
	top: .03rem;
	left: 0;
}
.bottom-content .chuxing .radar-info div:nth-child(1):before {
	background-color: #F5B84D!important;
}
.bottom-content .chuxing .radar-info div:nth-child(2):before {
	background-color: #9BD5F4!important;
}
.bottom-content .chuxing .radar-info div:nth-child(3):before {
	background-color: #1B52A3!important;
}
.bottom-content .chuxing .radar-info div:nth-child(4):before {
	background-color: #26989E!important;
}
.bottom-content .chuxing .radar-info div:nth-child(5):before {
	background-color: #F0853C!important;
}

/*乡风文明、治理有效*/
.bottom-content .xiangfeng-box {
	display: inline-block;
	width: 4rem;
	height: 2.3rem;
	height: 2.2rem;
	margin-left: .08rem;
}
.bottom-content .xiangfeng-box .title-data {
	width: 3.75rem;
	height: .21rem;
	background: linear-gradient(to right, rgba(28,52,169, 0.7),  rgba(26,42,123, 0.1));
	margin: 0 auto;
	font-size: .11rem;
	font-weight: 400;
	color: #00DBFF;
	line-height: .21rem;
}
.bottom-content .xiangfeng-box .title-data img {
	width: .08rem;
	height: .11rem;
	display: inline-block;
	margin: .05rem .06rem 0 .17rem;
	float: left;
}
.bottom-content .xiangfeng-box .xaingfeng-table {
	width: 2.3rem;
	height: 1.77rem;
	background: url('../img/zhili_bg.png') no-repeat; 
	background-size: 2.5rem 1.77rem;
	margin-top: .1rem; 
	margin-left: .06rem;
	padding: 0 .1rem;
}

.bottom-content .xiangfeng-box .xaingfeng-table .data-item {
	font-size: .08rem;
	font-weight: 400;
	color: #ffffff;
	line-height: .32rem;
}
.bottom-content .xiangfeng-box .xaingfeng-table .title-item {
	font-size: .09rem;
	font-weight: 400;
	color: #0CDAF8;
	line-height: .4rem;
}
.bottom-content .xiangfeng-box .xaingfeng-table .data-item div {
	float: left;
	text-align: center;
}
.bottom-content .xiangfeng-box .xaingfeng-table .data-item div:nth-child(1) {
	width: .75rem;
}
.bottom-content .xiangfeng-box .xaingfeng-table .data-item div:nth-child(2) {
	width: .4rem;
}
.bottom-content .xiangfeng-box .xaingfeng-table .data-item div:nth-child(3) {
	width: .75rem;
}
.bottom-content .xiangfeng-box .xaingfeng-table .data-item div:nth-child(4) {
	width: .4rem;
}
.bottom-content .xiangfeng-box .wenhua-info {
	width: 1.4rem;
	height: 1.77rem;
}
.bottom-content .xiangfeng-box .wenhua-info .wenhua-title{
	font-size: .09rem;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0.2rem 0 0 0.2rem;
}
.bottom-content .xiangfeng-box .wenhua-info .wenhua-radar {
	width: 1.4rem;
	height: 1.2rem;
	background: url('../img/wenhua_dizuo.png') no-repeat; 
	background-size: 1.4rem .6rem; 
	background-position: bottom;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	padding: 0 .1rem;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info div {
	font-size: .08rem;
	font-weight: 400;
	color: #FFFFFF;
	text-indent: .14rem;
	line-height: .11rem;
	position: relative;
	width: .6rem;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info div:before {
	display: inline-block;
	width: .08rem;
	height: .08rem;
	content: ' ';
	position: absolute;
	top: .02rem;
	left: 0;
	border-radius: .04rem;
}

.bottom-content .xiangfeng-box .wenhua-info .radar-info div:nth-child(1):before {
	background-color: #FFFE7F!important;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info div:nth-child(2):before {
	background-color: #32FF94!important;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info div:nth-child(3):before {
	background-color: #0CDAF8!important;
}
.bottom-content .xiangfeng-box .wenhua-info .radar-info div:nth-child(4):before {
	background-color: #0090EF!important;
}
.bottom-content .shengtai .box-s-title {
	font-size: .09rem;
	font-weight: 400;
	color: #FFFFFF;
	margin: .1rem 0 0 .16rem;
}
.bottom-content .shengtai .manyidu-data {
	width: 2.3rem;
	height: .9rem;
	margin: 0 auto;
}
.bottom-content .shengtai .jiuyi-title {
	/* margin-top: 0; */
}
.bottom-content .shengtai .jiuyi-data {
	margin-right: .25rem;
	width: 1.8rem;
	margin-top: .09rem;
}
.bottom-content .shengtai .jiuyi-data .jiuyi-item {
	height: 0.18rem;
}
.bottom-content .shengtai .jiuyi-data .jiuyi-item .jiuyi-i-title {
	width: .6rem;
	font-size: .08rem;
	font-weight: 400;
	color: #33B9EF;
	line-height: .18rem;
	float: left;
}
.bottom-content .shengtai .jiuyi-data .jiuyi-item .jiuyi-i-line {
	width: 1rem;
	height: .07rem;
	background: url('../img/line_bg.png') no-repeat; 
	background-size: 1rem .07rem;
	float: left;
	border-radius: .04rem;
	margin-top: .05rem;
}